<template>
	<view class="item" @click="navto(ctype==1?'/pages/post/video':'/pages/post/live')">
		<!--  @click="navto('/pages/post/video')" -->
		<image src="/static/personal/pic.png" class="item__pic" mode="aspectFill"></image>
		
		<view class="item__footer">
			<view class="item__footer__title">
				进来听听歌吧
			</view>
			<view class="u-flex u-flex-y-center">
				<image src="/static/cao/tx.png" class="item__footer__tx" mode="aspectFill"></image>
				<view class="item__footer__name">
					时光匆匆
				</view>
				<image v-if="ctype==0" src="/static/post/ren.png" class="item__footer__ren" mode=""></image>
				<image v-if="ctype==1" src="/static/post/xin.png" class="item__footer__xin" mode=""></image>
				<view class="item__footer__num">
					321
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		name:"videoitem",
		props:{
			ctype:{
				default:0,
				type:Number
			}
		},
		data() {
			return {
				
			};
		}
	}
</script>

<style lang="scss">
.item{
	width: 48.5%;
	height: 475rpx;
	background: #E3432D;
	border-radius: 30rpx 30rpx 30rpx 30rpx;
	position: relative;
	margin-top: 30rpx;
	&__pic{
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 475rpx;
		border-radius: 30rpx 30rpx 30rpx 30rpx;
	}
	&__footer{
		position: absolute;
		bottom: 0;
		left: 0;
		padding: 22rpx;
		width: calc(100% - 44rpx);
		&__title{
			font-family: PingFang-SC, PingFang-SC;
			font-weight: 500;
			font-size: 24rpx;
			color: #F8F8F8;
			line-height: 24rpx;
			margin-bottom: 20rpx;
		}
		&__tx{
			width: 43rpx;
			height: 43rpx;
			background: #E3432D;
			border-radius: 50%;
			margin-right: 6rpx;
		}
		&__name{
			font-family: PingFang-SC, PingFang-SC;
			font-weight: 500;
			font-size: 22rpx;
			color: #F8F8F8;
			line-height: 22rpx;
			flex: 1;
		}
		&__ren{
			width: 21rpx;
			height: 23rpx;
			margin-right: 4rpx;
		}
		&__xin{
			width: 34rpx;
			height: 34rpx;
			margin-right: 4rpx;
		}
		&__num{
			font-family: PingFang-SC, PingFang-SC;
			font-weight: 500;
			font-size: 22rpx;
			color: #F8F8F8;
			line-height: 22rpx;
		}
	}
}
</style>